import {StyleSheet} from 'react-native';

const styles = StyleSheet.create({
    mainView: {flex: 1, backgroundColor: 'white'},
    titleView: {marginTop: 58},
    titleText: {paddingLeft: 30, fontSize: 24, fontWeight: 'bold'},
    loginForm: {paddingHorizontal: 30},
    inputView: {marginTop: 60},
    inputText: {fontSize: 14, marginLeft: 0, paddingVertical: 9},
    codeInput: {position: 'relative'},
    codeButton: {justifyContent: 'center', position: 'absolute', zIndex: 1, right: 0, height: '100%', width: 80},
    codeText: {fontSize: 14, fontWeight: 'bold', textAlign: 'center'},
    agreeView: {marginTop: 30, width: 120},
    agreeCheck: {width: 11, height: 11},
    agreeText: {fontSize: 12, marginLeft: 6.5},
    agreeLink: {fontSize: 12, color: 'red'},
    signView: {marginTop: 30},
    signContent: {width: 110},
    signText: {fontSize: 12, color: 'gray'},
    signLink: {fontSize: 12, color: 'red'},
    submitView: {width: '100%', marginTop: 60, paddingHorizontal: 7.5, alignItems: 'center', justifyContent: 'center'},
    submitText: {color: '#F8F8F8', fontSize: 15},
    submitButton: {
        height: 44,
        width: '100%',
        maxWidth: 300,
        alignItems: 'center',
        justifyContent: 'center',
        borderRadius: 5,
        elevation: 5,
        shadowRadius: 5,
        shadowOpacity: 0.32,
        shadowOffset: {width: 0, height: 3},
    },
});

export default styles;
